<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <!-- <meta name="format-detection" content="telephone=no" /> -->
    <title>services</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="css/style.css" />
</head>

<body>
    <div class="header">
        <div class="wp">
            <div class="shade">
                <div class="header-top">
                    <div class="logo">
                        <a href="">
                            <img src="images/logo.png">
                        </a>
                    </div>
                    <h2 class="title"><span class="icon">·</span>Equipment Digital Key Laboratory</h2>
                    <div class="so">
                        <input class="ipt" type="text" placeholder="Please input key words…" />
                        <a href="" class="icon"><img src="images/g-icon02.png"></a>
                    </div>
                    <a href="" class="language">
                        <p>中</p>
                    </a>
                </div>
                <div class="nav fix">
                    <div id="menu">
                        <ul class="yiji_nav" id="yiji_menu_ul" style="visibility: hidden;">
                            <li class="li1 yiji_nav on"><a href="index.html" class="yiji_nav">Home</a></li>
                            <li class="li2 yiji_nav" menutreeid="1078958"><a href="Introduction-to-laboratory.html" class="yiji_nav">Introduction to laboratory</a>
                                <ul class="erji_nav" id="erji_menu_1078958">
                                    <!-- 实施过程中menutreeid是当前栏目的id，所以上面ul的id是 前缀+栏目id -->
                                    <li class="erji_nav"><a href="Introduction-to-laboratory.html" class="erji_nav">Introduction to laboratory</a></li>
                                    <li class="erji_nav"><a href="Introduction-to-laboratory.html" class="erji_nav">Introduction to laboratory</a></li>
                                    <li class="erji_nav"><a href="Introduction-to-laboratory.html" class="erji_nav">Introduction to laboratory</a></li>
                                    <li class="erji_nav"><a href="Introduction-to-laboratory.html" class="erji_nav">Introduction to laboratory</a></li>
                                    <li class="erji_nav"><a href="Introduction-to-laboratory.html" class="erji_nav">Introduction to laboratory</a></li>
                                </ul>
                            </li>
                            <li class="yiji_nav" menutreeid="1079297"><a href="Research-direction.html" class="yiji_nav">Research direction</a></li>
                            <li class="yiji_nav" menutreeid="1078974"><a href="Team-members.html" class="yiji_nav">Team members</a></li>
                            <li class="yiji_nav" menutreeid="1078975"><a href="Scientific-payoffs.html" class="yiji_nav">Scientific payoffs</a></li>
                            <li class="yiji_nav" menutreeid="1078976"><a href="Active-Photos.html" class="yiji_nav">Active Photos</a></li>
                            <li class="yiji_nav" menutreeid="1078969"><a href="Active-Photos.html" class="yiji_nav">Active Photos</a>
                                <ul class="erji_nav" id="erji_menu_1078969">
                                    <li class="erji_nav"><a href="Active-Photos.html" class="erji_nav">Active Photos</a></li>
                                    <li class="erji_nav"><a href="Active-Photos.html" class="erji_nav">Active Photos</a></li>
                                    <li class="erji_nav"><a href="Active-Photos.html" class="erji_nav">Active Photos</a></li>
                                    <li class="erji_nav"><a href="Active-Photos.html" class="erji_nav">Active Photos</a></li>
                                </ul>
                            </li>
                            <li class="yiji_nav" menutreeid="1079277"><a href="Active-Photos.html" class="yiji_nav">Active Photos</a></li>
                        </ul>
                    </div>
                    <div class="select_box fl" id="select_box">
                        <span>More<div class="menuBtn"><b></b><b></b><b></b></div></span>
                        <ul class="more_ul fl" id="more_menu" style="display: none;">
                            <div>
                                <ul>
                                </ul>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wp">
        <div class="shade">
            <div class="ban" style="background-image: url(images/banner.jpg);"></div>
        </div>
    </div>
    <div class="row-box">
        <div class="wp">
            <div class="subdesc">
            </div>
        </div>
    </div>
    <div class="row-box bg-g1">
        <div class="wp">
            <div class="subtit">
                <h2></h2>
            </div>
            <div class="subdesc">
            </div>
            <ul class="ul-pics g-row g-li-2 m-li-1">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="wp">
            <div class="fd-top">
                <div class="desc">
                    <p>Total visits: 000562</p>
                </div>
                <div class="desc">
                    <p>Day visits: 000562</p>
                </div>
                <div class="fd-qr">
                    <div class="qr">
                        <p>Mobile</p>
                        <img src="images/g-icon03.png">
                    </div>
                    <div class="qr-pic">
                        <img src="images/qr.jpg">
                    </div>
                </div>
            </div>
            <div class="fd-info">
                <p>Address: No.11, Lane 3, Wenhua Road, Heping District, Shenyang City, Liaoning Province postcode:
                    110819 Liaobei
                    11009868-3</p>
                <p>North University 2015 | design and production: Party Committee Publicity Department, technical
                    operation and
                    maintenance: information construction and network security office</p>
            </div>
        </div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/lib.js"></script>
    <script language="javascript" src="js/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $(function() {
            // 初始化下拉框
            $('ul.more_ul').hide().hover(
                function() {},
                function() {
                    $(this).slideUp('fast');
                }
            );
            $('div.select_box span').click(function() {
                $('ul.more_ul').slideToggle('fast');
            });
            $('ul.more_ul li').click(function() {
                $('div.select_box span').html($(this).html());
                $('ul.more_ul').slideToggle('fast');
            });
        });

        function show_f(obj_target, selectDiv) {
            $('.' + selectDiv).slideToggle();
        }

        jQuery(document).ready(function() {
            var totalwidth = jQuery("#menu").width();
            var allliwidth = 0;
            var othernavary = new Array();
            var znmb1_other_navul = jQuery("#more_menu")[0];
            var zwmbdh_nav = jQuery("#yiji_menu_ul");

            var navliobjlist = jQuery("#yiji_menu_ul > li");

            for (var i = 0; i < navliobjlist.length; i++) {
                var liobj = navliobjlist.get(i);
                if (liobj) {
                    var jliobj = jQuery(liobj);
                    var liwidth = jliobj.width();
                    allliwidth += liwidth;
                    if (allliwidth >= totalwidth) {
                        var templiobj = jliobj[0];
                        othernavary.push(templiobj);
                        zwmbdh_nav[0].removeChild(jliobj[0]);
                    }
                }
            }

            if (allliwidth > totalwidth) {
                jQuery("#select_box").attr("style", '');

                for (var i = 0; i < othernavary.length; i++) {
                    jQuery(othernavary[i]).find("ul").css("top", "0px");
                    jQuery(othernavary[i]).find("ul").css("left", "-120px");
                    znmb1_other_navul.appendChild(othernavary[i]);
                }
            } else {
                jQuery("#select_box").attr("style", 'display:none');
            }
            jQuery("#yiji_menu_ul").css("visibility", "visible");
        });
    </script>
</body>

</html>